<template>
    <!--福利-->
    <div class="book-info-welfare">
        <div>
            <span>/人/票</span>
<!--            <button type="button" class="layui-btn layui-btn-sm layui-btn-primary">我要投票</button>-->
            <el-button type="primary" round size="mini">我要投票</el-button>
        </div>
        <div>
            <span>/次5书币</span>
<!--            <button type="button" class="layui-btn layui-btn-sm layui-btn-primary">立即打赏</button>-->
            <el-button type="primary" round size="mini">立即打赏</el-button>
        </div>
    </div>
</template>

<script>
    export default {
        name: "welfare"
    }
</script>

<style scoped>
    .book-info-welfare{
        display: flex;
        justify-content: space-around;
        background-color: white;
        margin-top: 0.5rem;
        padding: 1rem 0;
    }
    .book-info-welfare > div{
        display: flex;
        flex-flow: column nowrap;
        color: #6b6665;
        /*justify-content: center;*/
        text-align: center;
    }
</style>